<template>
  <div class='ls-opinion bc-gray'>
    <p class="title">
      <span @click="showAcheet">{{searchInfo.categoryName}} <van-icon name="arrow-down" class="arrow-down" /></span>
    </p>
    <List :listData="listData" @forMore="getMoreInfo">
      <ListModel :listData="listData" :routerDetail="routerDetail" />
    </List>
  </div>
</template>
<script>
import MixIns from '../../../../mixin/mixin.js'
import List from '../../../../components/list.vue'
import ListModel from './model/list'
export default {
  components: {List,ListModel},
  name: "",
  data() {
    return {
      searchInfo:{
        categoryName:"全部",
      },

      columns:['全部','功能改进', '生活','情感','就业','学习']
    };
  },
  methods: {
    showAcheet(){
      this.$store.state.dias.acheet.show=true
      this.$store.state.dias.acheet.columns=this.columns
      this.$store.state.dias.acheet.confirm=this.confirm
    },
    confirm(val){
      this.searchInfo.categoryName=val
      this.$store.state.dias.acheet.show=false
      this.getListData()
    }
  },
  created() {},
  mixins:[MixIns]
};
</script>
<style lang="scss" scoped>
.ls-opinion {

  .title{
    font-size: 16px;
    color: #fff;
    line-height: 80px;
    height: 80px;
    background-color: #00998d;

    span{
      margin-left: 25px;
    }
  }
  .arrow-down{
    transform: translateY(2.5px)
  }
}
</style>